<!DOCTYPE html>
<html>

<head>
  <meta http-equiv="X-UA-Compatible" content="IE=9"/>
</head>

<body>
    <svg xmlns="http://www.w3.org/2000/svg" version="1.1" width="340px" height="560px">
    <g id="olo">
        <rect x="0" y="0" width="100%" height="100%" fill="none" stroke="black"></rect>
        <rect id="ghpedo" x="0" y="0" width="300px" height="560px" fill="none" stroke="black"></rect>
        <g id="ghpedo-miso">
            <rect id="exo-grammh-miso-ghpedo" x="0" y="0" width="300px" height="280px" fill="none" stroke="black"></rect>
            
            <circle id="kentro" cx="150" cy="280" r="36" fill="none" stroke="black"></circle>
            <path id="triponto" fill="orange" d="M 18, 0 L 18 , 35  A -5,-5 0 0,0 282, 35 L 282, 0 z" stroke="purple" stroke-width="2"></path>
            
            <!-- circle id="triponto-kyklos" cx="150" cy="31.5" r="135" fill="none" stroke="black"></circle  -->
            
            <circle id="raketa-hmikyklio" cx="150" cy="116" r="36" fill="white" stroke="black"></circle>
            <rect id="raketa-tetragono" x="101" y="0" width="98px" height="116px" fill="white" stroke="black"></rect>
            <path id="e-perioxh" fill="none" d="M 126, 24 L  126 , 31 A 1,1 0 1,0 174, 31  L 174, 24 " stroke="black" stroke-width="1"></path>
            
            <!--  circle id="e-perioxh" cx="150" cy="31.5" r="25" fill="none" stroke="black"/  -->
            <path id="kalathi-mpasketa" fill="none" d="M 132, 24 L  150 , 24 L 150, 27  L 150, 24  L 168, 24 z" stroke="purple" stroke-width="3"></path>
            <circle id="kalathi" cx="150" cy="31.5" r="5" fill="none" stroke="black"></circle>
            <!--  stolidia raketas  -->
            <g id="stolidia-raketas-aristera">
                <rect id="grmmh-oydeterh-175" x="99" y="35" width="2px" height="2px" fill="black" stroke="none"></rect>
                <rect id="grmmh-oydeterh-megalh" x="99" y="52" width="2px" height="8px" fill="black" stroke="none"></rect>
                <rect id="grmmh-oydeterh-300" x="99" y="74" width="2px" height="2px" fill="black" stroke="none"></rect>
                <rect id="grmmh-oydeterh-300" x="99" y="92" width="2px" height="2px" fill="black" stroke="none"></rect>
            </g>
            <use id="stolidia-raketas-dexia"  xlink:href="#stolidia-raketas-aristera" transform="translate(100 0)"  /> 
        </g>
        <use id="ghpedo-miso-kato"  xlink:href="#ghpedo-miso" transform="rotate(180 150 280 )" /> 
        <!--  grammes epanaforas   den einai symmetrikes vs peristrofh 180 -->
        <rect id="grammh-epanaforas-8325-a" x="0" y="166.5" width="3" height="3" fill="black" stroke="black"></rect>
        <rect id="grammh-epanaforas-8325-b" x="0" y="393.5" width="3" height="3" fill="black" stroke="black"></rect>
        <!--  grammes perixh omadas a -->
        <rect id="perioxh-proponhth-a" x="300" y="0" width="40" height="180" fill="silver" stroke="black"></rect>
        <use id="perioxh-proponhth-b"  xlink:href="#perioxh-proponhth-a" transform="rotate(180 320 280 )" /> 
       </g> 
        
    </svg>

</body>

</html>